<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>#{msg["sistema.nombre"]}</title>
        <link href="#{request.contextPath}/css/estilo.css" rel="stylesheet"/>
        <link rel="shortcut icon" type="image/x-icon" href="#{request.contextPath}/imagenes/favicon.ico"/>
        
    </h:head>
    <h:body>
        <div class="cabecera" >
            <span>#{msg["sistema.nombre"]} - Hochschild Mining</span>
        </div>
        <p:separator/>
        <h:form id="form">
            <center>
                <p:panel style="width: 500px;padding:20px;background-color:#EBECEE">
                    <h:panelGrid columns="2">
                        <h:outputLabel value="Usuario:" 
                                       style="font-weight: bold"/>
                        <p:inputText size="30"
                                     id="txtusuario"/>
                        <h:outputLabel value="Clave:"
                                       style="font-weight: bold"/>
                        <p:password size="30"
                                    id="txtclave"/>
                    </h:panelGrid>
                    <p:commandButton value="Ingresar"/>
                    <p:commandButton value="Limpiar"/>
                </p:panel>
                <p:focus for="txtusuario"/>
            </center>
        </h:form>
    </h:body>
</html>